<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>元素的隐藏与显示</title>
    <style>
        #o1{
            visibility: visible;
        }
        #o2{
            visibility: hidden;
        }
        #o3{
            visibility: hidden;
        }
    </style>
</head>
<body>
<h2>第一章</h2>
<ol id="o1">
    <li>第1节</li>
    <li>第2节</li>
    <li>第3节</li>
</ol>
<h2>第二章</h2>
<ol id="o2">
    <li>第1节</li>
    <li>第2节</li>
    <li>第3节</li>
</ol>
<h2>第三章</h2>
<ol id="o3">
    <li>第1节</li>
    <li>第2节</li>
    <li>第3节</li>
</ol>
</body>
</html>